<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<c:url value="mostrarHWF4004.html" var="servicioCompensacion"/>

<%--
    /*
    * Sistema                                       : Hermetic
    * Módulo                                        : Reportes/Servicio de compensación
    * Versión                                       : 1.0
    * Creado por                                    : Americo Martinez         
    * Fecha de creación                             : 01/03/2008      
    * Modificado por                                : Oliver Palacios
    * Fecha de Última modificación                  : 06/11/2008
    * Detalles                                      : Esta página permite generar un reporte de Servicio de Compensación, 
                                                      se debe ingresar el rango de fechas, el  Punto de Origen
    * Copyright                                     : Hermes transportes blindados
    */     
--%>
    <script language="JavaScript" type="text/javascript">
     $(document).ready(function(){
        $("#fechadesde").datepicker();
        $("#fechahasta").datepicker();
    });
    function openwin2(url,winheight,winwidth){
        //Default sizes for window
        es = 1;
        if (winwidth==null) winwidth='450';
                    if (winheight==null) winheight='920';
        popupwin = window.open('about:blank', 'window1', 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        popupwin.resizeTo(winwidth, winheight);
        var fi= document.forms[0].fechadesde.value;
        var ff= document.forms[0].fechahasta.value;
        var pu= document.forms[0].punto.value;
        var action = 'exportarHMF4004.do?fi='+fi+'&ff='+ff+'&pu='+pu;
        var target = 'window1';
        document.forms[0].target = target;
        document.forms[0].action = action;
        document.forms[0].submit();
        document.forms[0].action = action;
        window.opener.location.href='HMF4004.jsp';
    }
    
    
    function openwin3(url,winheight,winwidth)
    {
        winwidth='450';
        winheight='920';
        window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        var fi= document.forms[0].fechadesde.value;
        var ff= document.forms[0].fechahasta.value;
        var pu= document.forms[0].punto.value;
        var action = 'exportarHMF4004.do?fi='+fi+'&ff='+ff+'&pu='+pu;
        var target = 'window1';
        document.forms[0].target = target;
        document.forms[0].action = action;
        document.forms[0].submit();
        document.forms[0].action = "listarHMF4004.do";
        document.forms[0].target = "_self";
        
    }
    
    function openwin(url,winheight,winwidth){   
        var frm = document.forms[0];
        
        if(!checkDate(document.forms[0].fechadesde)) return false;
        if(!checkDate(document.forms[0].fechahasta)) return false; 
        winwidth='450';
        winheight='920';
        window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        var accion = 'mostrarReporte';
        var target = 'window1';
        document.forms[0].formulario.value = 'HMR4004';
        document.forms[0].target = target;
        document.forms[0].accion.value = accion;
        document.forms[0].codPunto.value = frm.punto.value;
        document.forms[0].submit();
    }
    
    </script>
    <script type="text/javascript">
    
    function cursor_wait() {
      document.body.style.cursor = 'wait';
    }
    
    function show_loading(){  
    var loadingAnim = document.getElementById('loading_mostrar');  
    loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoDown.gif" width=' + xx_d + 'height=' + yy_d + 'alt="Procesando" />';  
    loadingAnim.style.display = 'block';      
    }  
    
    function abrir() {   
       if (document.forms[0].punto.value== "s") {
        alert("Ingrese el Punto");
        document.forms[0].punto.focus();
        return false;
      }
    
      if (document.forms[0].fechadesde.value== "") {
        alert("Ingrese la Fecha");
        document.forms[0].fechadesde.focus();
        return false;
      }
    
       if (document.forms[0].fechahasta.value== "") {
        alert("Ingrese la Fecha");
        document.forms[0].fechahasta.focus();
        return false;
      }
    
      if(!checkDate(document.forms[0].fechadesde)) return false;
         if(!checkDate(document.forms[0].fechahasta)) return false; 
           //activar el div procesando con javascript
            show_loading();
            setTimeout('show_loading();', 1000);
            cursor_wait();
           //////
            moveForward('mostrar');
                return true;
       
    }
    </script>
<script type="text/javascript" language="JavaScript" src="javascript/HMF2003.js"></script>

<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->  
</style> 

<form:form modelAttribute="form" action="${servicioCompensacion}">
<form:hidden path = "control"/>
<form:hidden path="accion"/>
<form:hidden path="cliente"/>
<form:hidden path="sucursal"/>
<form:hidden path="codPunto"/>
<form:hidden path="formulario"/>

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
      <tr>
        <td height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
		<li>SERVICIO&nbsp;DE&nbsp;COMPENSACI&Oacute;N </li>
		</ul>
        </td>
        <td width = "80"></td>
        <td>
            <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
        </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco"><table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="66" height="23" align="left" valign="top" class="verdana10bazul">Cliente</td>
            <td height="23" align="left" valign="top" class="verdana10negro"
                width="492">
                <c:out value="${sessionScope.nombreCliente}"/>
               
               </td>
          </tr>
          <!-- Muestra el grupo de clientes en caso de coorporación      -->
          <c:if test="${not empty listaClientes}">
            <tr>
                <td width="66" height="23" align="left" valign="top" class="verdana10bazul">
                    Grupo Cliente
                </td>
                <td width="492">
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="cli_grupo">                        
                            <form:option value=""></form:option>
                            <form:options items="${listaClientes}"
                                          itemValue="codCliente"
                                          itemLabel="nombre"/>
                </form:select> 
                </td>
            </tr>
          </c:if>
          <tr>
            <td class="verdana10bazul" width="66" height="23">Punto</td>
            <td width="492" height="23">
            

                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="punto">                        
                            <form:option value="0">TODOS</form:option>
                            <form:options items="${listadoPuntos}"
                                          itemValue="codPunto"
                                          itemLabel="desPunto"/>
                </form:select> 

            </td>
          </tr>
          <tr>
            <td height="34" align="left" valign="bottom" class="verdana10bazul">Fecha</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="center" valign="bottom" class="padright10"><div class="fondo_txtbox90">
                       <form:input maxlength="10" size="12" path="fechadesde" 
                                   readonly="false"/>
                   </div></td>
                  <td class="padright10">&nbsp;&nbsp;&nbsp;al&nbsp;&nbsp;&nbsp;</td>
                  <td align="center" valign="bottom" class="padright10"><div class="fondo_txtbox90">
                       <form:input  maxlength="10" size="12" path="fechahasta" 
                                   readonly="false"/>
                   </div></td>
                  <td class="padright10">
                    <input type="button" value="Mostrar" name="mostrar" class="boton" onclick="javascript:abrir()"/>
                  </td>
                </tr>
            </table></td>
          </tr>
          <tr>
            <td width="66">&nbsp;</td>
            <td width="492">&nbsp;</td>
          </tr>
        </table>
        </td>
      </tr>
       <tr>
            <td colspan="2" align="center">    
            <div id="loading_mostrar"><img id="logoDown" src="imagenes/logoProcesandoDown.gif" alt="Procesando" /></div>  
            </td>
       </tr> 
      </table>
      
      <table border="0" cellpadding="0" cellspacing="0" width="90%" class="margintop20">
        <tr>
          <td width="100%">
              <display:table id="lista" name="listaServicioCompensacion" cellpadding="0"
                             cellspacing="0" style="width:100%" pagesize="10"
                             export = "true"
                             requestURI="${servicioCompensacion}"
                             class="its7">

                 <display:column property="numero"
                                 style="width:17%"
                                 headerClass="even" class="even "
                                 title="CS" ></display:column>
                 <display:column property="puntoOrigen"
                                 headerClass="even" class="even "
                                 title="Punto Origen"/>
                 <display:column property="fecha"
                                 headerClass="even" class="cellcenter "
                                 title="Fecha Origen"/>
                 <display:column property="puntoDestino"
                                 headerClass="even" class="even "
                                 title="Punto Entrega"/>
                 <display:column property="fechaDestino"
                                 headerClass="even" class="cellcenter "
                                 title="Fecha Entrega"/>
                 <display:column property="cantidad"
                                 headerClass="even" class="cellcenter "
                                 title="Monto"/>
                 <display:column property="estado"
                                 headerClass="even" class="even "
                                 title="Estado"/>
                 <display:column property="totalS"
                                 headerClass="even" class="cellderecha "
                                 title="Total"/>
                </display:table>
          </td>
        </tr>
        <tr><td>&nbsp;</td>
        <tr>
          <td width="50%">
              <display:table id="lista" name="listaServicioCompensacionTotal" cellpadding="0"
                             cellspacing="0" style="width:50%" pagesize="10"
                             export = "true"
                             requestURI="${servicioCompensacion}"
                             class="its7">

                 <display:column property="tipoDestino"
                                 style="width:17%"
                                 headerClass="even" class="even "
                                 title="Producto" ></display:column>
                 <display:column property="tipoDoc"
                                 headerClass="even" class="even "
                                 title="Moneda"/>
                 <display:column property="totalS"
                                 headerClass="even" class="cellcenter "
                                 title="Total"/>
                </display:table>
          </td>
        </tr>
        <tr><td>
              <input type="button" value="Generar Reporte" name="reporte" class="boton" onclick="javascript:openwin('holas',450,920)"/>
            </td>
        </tr>
      </table>

  </tr>
</table>
</form:form>
